﻿<!DOCTYPE html>
<html>
<head>
    <title>Wufoo Helper for WebMatrix - Reference</title>
    <link href="content/Site.css" rel="stylesheet" type="text/css" />
    <meta http-equiv="Content-type" content="text/html;charset=UTF-8" />
</head>
<body>
    <div class="container">
        <div class="header">
            <img src="content/images/webx-icon.png" alt="WebMatrix" />
            <img src="content/images/wufoo-logo.png" alt="Plancast Logo" class="partnerLogo" />
            <h1>
                Microsoft WebMatrix Helpers</h1>
            <h2>
                Wufoo Helper - Reference</h2>
        </div>
        <div class="content">
            <div class="navLinks">
                <a href="startHere.htm">Start Here</a> | <a href="reference.htm">Helper Reference</a>
            </div>
            <h3>Helper Methods</h3>
			<p><em>Note: Current version does not support the full Wufoo API.</em></p>
            <table class="memberdecls">
                <tr>
                    <td class="memItemLeft">static void </td>
                    <td class="memItemRight"> <strong>EmbedForm</strong> ()</td>
                </tr>
                <tr>
                    <td class="mdescLeft">  &nbsp; </td>
                    <td class="mdescRight">
                         Shows an embedded Wufoo form on your page. Once on your site, everything related to the form will work: 
                         validation will occur,confirmation emails will be sent, and the data will be sent to your Wufoo account.
                    </td>
                </tr>

                <tr>
                    <td class="memItemLeft"> static void  </td>
                    <td class="memItemRight"><strong>GetWebHookData</strong> ([bool handshakeValidation])</td>
                </tr>
                <tr>
                    <td class="mdescLeft">
                        &nbsp;
                    </td>
                    <td class="mdescRight">
                       Stores all the structure and values submitted by the form in the <b>Fields</b> collection. Each field is identified by its internal ID.
                        Additionally, the method returns <b>custom properties</b> based on each <a href="#fields">field type</a>.<br />
                        The 'handshakeValidation' parameter indicates if the method has to perform the handshake validation against the form keys stored in the helper with the <strong>AddHandshakeKey()</strong> method.
                    </td>
                </tr>

                <tr>
                    <td class="memItemLeft">static  void  </td>
                    <td class="memItemRight"><strong>Initialize</strong> (string apiKey, string subdomain)</td>
                </tr>
                <tr>
                    <td class="mdescLeft">
                        &nbsp;
                    </td>
                    <td class="mdescRight">
                        Initializes the helper with the Wufoo application key and the subdomain.
                    </td>
                </tr>
                <tr>
                    <td class="memItemLeft">static void </td>
                    <td class="memItemRight"> <strong>AddHandshakeKey</strong> (string hash, string key)</td>
                </tr>
                <tr>
                    <td class="mdescLeft">  &nbsp; </td>
                    <td class="mdescRight"> Adds a handshake key to the dictionary, indexed by form hash.
                    </td>
                </tr>

               <tr>
                    <td class="memItemLeft">static bool </td>
                    <td class="memItemRight"> <strong>ExistsHandshakeKey</strong> (string hash, string key)</td>
                </tr>
                <tr>
                    <td class="mdescLeft">  &nbsp; </td>
                    <td class="mdescRight"> Validates if the given handshake key exists in the keys collection for the given hash form.     
                    </td>
                </tr>

                <tr>
                    <td class="memItemLeft"></td>
                    <td class="memItemRight"></td>
                </tr>
                <tr>
                    <td class="mdescLeft">&nbsp;</td>
                    <td class="mdescRight"></td>
                </tr>
            </table>
            
            <h3>WebHook Helper Reference</h3>
            After executing Wufoo.GetWebHookData() method to collect the form fields, you can access a collection of items with the following properties:
            <br /><br />
            <table class="memberdecls">
               <tr><td class="memItemRight"><a href="#fields"><b>Fields</b></a></td> <td width="625" class="memItemRight"> Dictionary with the fields content, indexed by the internal ID </td></tr>
               <tr><td class="memItemRight"><a href="#formstructure"><b>FormStructure</b></a></td><td width="625" class="memItemRight">Dynamic collection with Wufoo form post data </td></tr>
               <tr><td class="memItemRight"><b>HandshakeKey</b></td><td width="625" class="memItemRight">Form security identifier</td></tr>
               <tr><td class="memItemRight"><b>Ip</b></td><td width="625" class="memItemRight">Source IP</td></tr>
               <tr><td class="memItemRight"><b>CreatedBy</b></td><td width="625" class="memItemRight">Creator name</td></tr>
               <tr><td class="memItemRight"><b>DateCreated</b></td><td width="625" class="memItemRight">Creation date</td></tr>
               <tr><td class="memItemRight"><b>EntryId</b></td><td width="625" class="memItemRight">Wufoo internal ID</td></tr>
            </table>
            <br />
                        
            <pre class="code">
var formData = Wufoo.GetWebHookData();
var ip = formData.Ip;
var date = formData.DateCreated;
...
var fieldValue = formData.Fields["{field-id}"].Value</pre>
            
            <br />           
           <a name="#formstructure">&nbsp;</a> 
            <h3>FormStructure Collection Properties</h3> 
                            
              <table class="memberdecls">
               <tr><td class="memItemRight">DateCreated</td><td class="memItemRight"></td></tr>
               <tr><td class="memItemRight">DateUpdated</td><td class="memItemRight"></td></tr>
               <tr><td class="memItemRight">Email</td><td class="memItemRight"></td></tr>
               <tr><td class="memItemRight">EndDate</td><td class="memItemRight"></td></tr>
               <tr><td class="memItemRight">EntryLimit</td><td class="memItemRight"></td></tr>
               <tr><td class="memItemRight">Hash</td><td class="memItemRight"></td></tr>
               <tr><td class="memItemRight">IsPublic</td><td class="memItemRight"></td></tr>
               <tr><td class="memItemRight">Language</td><td class="memItemRight"></td></tr>
               <tr><td class="memItemRight">Name</td><td class="memItemRight"></td></tr>
               <tr><td class="memItemRight">RedirectMessage</td><td class="memItemRight"></td></tr>
               <tr><td class="memItemRight">StartDate</td><td  class="memItemRight"></td></tr>
               <tr><td class="memItemRight">Url</td><td class="memItemRight"></td></tr>
               </table>               
            <br />
            <pre class="code">
var formData = Wufoo.GetWebHookData();
var formHash = formData.FormStructure.Hash;
var language = formData.FormStructure.Language;</pre>
                  
           <a name="#fields">&nbsp;</a> 
            <h3 >Fields Collection Properties</h3>               
            <h4>Standard Fields</h4>
            <ul>
                <li><a href="#single-line-text">Single Line Text</a></li>
                <li><a href="#number">Number</a></li>                    
                <li><a href="#paragraph-text">Paragraph Text</a></li>
                <li><a href="#dropdown">Dropdown</a></li>
                <li><a href="#multiple-choice">Multiple Choice</a></li>                    
                <li><a href="#checkboxes">Checkboxes</a></li>
            </ul>
            <h4>Fancy Pant Fields</h4>
            <ul>
                <li><a href="#fname">Name</a></li>
                <li><a href="#faddress">Address</a></li>
                <li><a href="#fphone">Phone</a></li>
                <li><a href="#femail">Email</a></li>
                <li><a href="#fwebsite">Web Site</a></li>
                <li><a href="#fprice">Price</a></li>
                <li><a href="#fdate">Date</a></li>
                <li><a href="#ftime">Time</a></li>
                <li><a href="#flikert">Likert</a></li>
                <li><a href="#ffileupload">File Upload</a></li>
            </ul>
            <br />
           
            <table class="memberdecls">            
                <tr><td class="memItemLeft"><b><a name="single-line-text"></a>Single Line Text</b> </td><td class="memItemRight">A single line text. </td></tr>
                <tr>
                    <td class="memDescLeft"> Properties </td>                    
                    <td class="memDescRight">
                        <br />
                        <table class="memberdecls">
                         <tr><td class="memItemRight"><b>Value</b></td><td width="625" class="memItemRight">  Value of the field </td></tr>
                         <tr><td class="memItemRight"><b>ID</b></td><td width="625" class="memItemRight">Wufoo internal ID of the field </td> </tr>
                         <tr><td class="memItemRight"><b>Title</b> </td><td class="memItemRight"> Title of the field in the form</td></tr>
                         <tr><td class="memItemRight"><b>Type</b></td><td class="memItemRight">Wufoo internal type of the field</td></tr>
                         <tr><td class="memItemRight"><b>IsRequired</b></td><td class="memItemRight">Wufoo internal value that indicates if the field is required (1) or not (0)</td></tr>
                         <tr><td class="memItemRight">&nbsp;</td><td class="memItemRight">&nbsp;</td></tr>
                        </table>                        
                    </td>
                </tr>
                <tr>
                    <td class="memDescLeft">Screenshot</td>                    
                    <td class="memDescRight"><img src="content/images/single-line-text-s.png" alt="single line text field"/></td>
                </tr>
                <tr>
                    <td class="memDescLeft">Usage</td>                    
                    <td class="memDescRight">
                    <pre class="codePre">formData.Fields["{fieldID }"].Value //The value of the text. </pre>                    
                    </td>
                </tr>
                <tr><td class="memDescleft"></td><td><a href="#fields">Back</a></td></tr>

                <!--number -->
                <tr><td class="memItemLeft"><b>Number </b><a name="number"></a> </td><td class="memItemRight">A single line numeric field. Provides numeric validation. </td></tr>
                <tr>
                    <td class="memDescLeft"> Properties </td>                    
                    <td class="memDescRight"><br />
                        <table class="memberdecls">
                         <tr><td class="memItemRight"><b>Value</b></td><td width="625" class="memItemRight">  Value of the field </td></tr>
                         <tr><td class="memItemRight"><b>ID</b></td><td width="625" class="memItemRight">Wufoo internal ID of the field </td> </tr>
                         <tr><td class="memItemRight"><b>Title</b> </td><td class="memItemRight"> Title of the field in the form</td></tr>
                         <tr><td class="memItemRight"><b>Type</b></td><td class="memItemRight">Wufoo internal type of the field</td></tr>
                         <tr><td class="memItemRight"><b>IsRequired</b></td><td class="memItemRight">Wufoo internal value that indicates if the field is required (1) or not (0)</td></tr>
                         <tr><td class="memItemRight">&nbsp;</td><td class="memItemRight">&nbsp;</td></tr>
                        </table>                        
                    </td>
                </tr>
                <tr><td class="memDescLeft">Screenshot</td><td class="memDescRight"><img src="content/images/number-s.png" alt="number field"/></td></tr>
                <tr><td class="memDescLeft">Usage</td>
                    <td class="memDescRight">
                    <pre class="codePre">formData.Fields["{fieldID }"].Value //The value of the number. </pre>
                    </td>
                </tr>
                <tr><td class="memDescleft"></td><td><a href="#fields">Back</a></td></tr>

                <!-- paragraph-->
                <tr><td class="memItemLeft"><b>Paragraph Text </b> <a name="paragraph-text"></a> </td> <td class="memItemRight">A multiple line text block. </td></tr>
                <tr><td class="memDescLeft"> Properties </td>                    
                    <td class="memDescRight"> <br />
                        <table class="memberdecls">
                         <tr><td class="memItemRight"><b>Value</b></td><td width="625" class="memItemRight">  Value of the field </td></tr>
                         <tr><td class="memItemRight"><b>ID</b></td><td width="625" class="memItemRight">Wufoo internal ID of the field </td> </tr>
                         <tr><td class="memItemRight"><b>Title</b> </td><td class="memItemRight"> Title of the field in the form</td></tr>
                         <tr><td class="memItemRight"><b>Type</b></td><td class="memItemRight">Wufoo internal type of the field</td></tr>
                         <tr><td class="memItemRight"><b>IsRequired</b></td><td class="memItemRight">Wufoo internal value that indicates if the field is required (1) or not (0)</td></tr>
                         <tr><td class="memItemRight">&nbsp;</td><td class="memItemRight">&nbsp;</td></tr>
                        </table>                        
                    </td>
                </tr>
                <tr><td class="memDescLeft">Screenshot</td><td class="memDescRight"><img src="content/images/paragraph-s.png" alt="paragraph field"/></td></tr>
                <tr><td class="memDescLeft">Usage</td>                    
                    <td class="memDescRight">
                    <pre class="codePre">formData.Fields["{fieldID }"].Value //The value of the paragaph text. </pre>
                    </td>
                </tr>
                <tr><td class="memDescleft"></td><td><a href="#fields">Back</a></td></tr>

                <!--Dropdown -->
                <tr><td class="memItemLeft"><b>Dropdown</b> <a name="dropdown"></a></td> <td class="memItemRight">A dropdown list that allows a single element selection. </td></tr>
                <tr><td class="memDescLeft"> Properties </td>                    
                    <td class="memDescRight"> <br />
                        <table class="memberdecls">
                         <tr><td class="memItemRight"><b>Value</b></td><td width="625" class="memItemRight"> Label of the selected element </td></tr>
                         <tr><td class="memItemRight"><b>Choices</b></td><td width="625" class="memItemRight"> Dynamic list of the dropdown elements. Each element has the Label propery</td></tr>
                         <tr><td class="memItemRight"><b>ID</b></td><td width="625" class="memItemRight">Wufoo internal ID of the field </td> </tr>
                         <tr><td class="memItemRight"><b>Title</b> </td><td class="memItemRight"> Title of the field in the form</td></tr>
                         <tr><td class="memItemRight"><b>Type</b></td><td class="memItemRight">Wufoo internal type of the field</td></tr>
                         <tr><td class="memItemRight"><b>IsRequired</b></td><td class="memItemRight">Wufoo internal value that indicates if the field is required (1) or not (0)</td></tr>
                         <tr><td class="memItemRight">&nbsp;</td><td class="memItemRight">&nbsp;</td></tr>
                        </table>                        
                    </td>
                </tr>
                <tr><td class="memDescLeft">Screenshot</td><td class="memDescRight"><img src="content/images/dropdown-s.png" alt="dropdown field"/></td></tr>
                <tr><td class="memDescLeft">Usage</td>                    
                    <td class="memDescRight">
                    <pre class="codePre">formData.Fields["{fieldID }"].Value //Selected item value
foreach(dynamic element in formData.Fields["{fieldID }"].Choices){
    @element.Label  //renders the label element
}
                    </pre>
                    </td>
                </tr>
                <tr><td class="memDescleft"></td><td><a href="#fields">Back</a></td></tr>

                <!-- Multiple Choice-->
                <tr><td class="memItemLeft"><b>Multiple Choice </b> <a name="multiple-choice"></a></td> <td class="memItemRight">A set of option buttons. Allows a single option selection </td></tr>
                <tr><td class="memDescLeft"> Properties </td>                    
                    <td class="memDescRight"> <br />
                        <table class="memberdecls">
                         <tr><td class="memItemRight"><b>Value</b></td><td width="625" class="memItemRight"> Label of the selected element </td></tr>
                         <tr><td class="memItemRight"><b>Choices</b></td><td width="625" class="memItemRight"> Dynamic list of the dropdown elements. Each element has the Label propery</td></tr>
                         <tr><td class="memItemRight"><b>ID</b></td><td width="625" class="memItemRight">Wufoo internal ID of the field </td> </tr>
                         <tr><td class="memItemRight"><b>Title</b> </td><td class="memItemRight"> Title of the field in the form</td></tr>
                         <tr><td class="memItemRight"><b>Type</b></td><td class="memItemRight">Wufoo internal type of the field</td></tr>
                         <tr><td class="memItemRight"><b>IsRequired</b></td><td class="memItemRight">Wufoo internal value that indicates if the field is required (1) or not (0)</td></tr>
                         <tr><td class="memItemRight">&nbsp;</td><td class="memItemRight">&nbsp;</td></tr>
                        </table>                        
                    </td>
                </tr>
                <tr><td class="memDescLeft">Screenshot</td><td class="memDescRight"><img src="content/images/multiple-choice-s.png" alt="multiple choice radio button field"/></td></tr>
                <tr><td class="memDescLeft">Usage</td>                    
                    <td class="memDescRight">
                    <pre class="codePre">formData.Fields["{fieldID }"].Value //Selected item value
...
foreach(dynamic element in formData.Fields["{fieldID }"].Choices){
    @element.Label  //renders the label element
}
                    </pre>
                    </td>
                </tr>
                <tr><td class="memDescleft"></td><td><a href="#fields">Back</a></td></tr>

                <!--Checkboxes -->
                <tr><td class="memItemLeft"><b>Checkboxes</b> <a name="checkboxes"></a></td> <td class="memItemRight">A group of checkboxes. Allows multiple selection. </td></tr>
                <tr><td class="memDescLeft"> Properties </td>                    
                    <td class="memDescRight"> <br />
                        <table class="memberdecls">
                         <tr><td class="memItemRight"><b>SelectedValues</b></td><td width="625" class="memItemRight"> Dynamic list of the selected values labels</td></tr>
                         <tr><td class="memItemRight"><b>Value</b></td><td width="625" class="memItemRight">  All the selected values, separated by pipes '|' </td></tr>
                         <tr><td class="memItemRight"><b>SubFields</b></td><td width="625" class="memItemRight"> Dynamic list of all the options. Each element of the list has an ID and a Label property</td></tr>
                         <tr><td class="memItemRight"><b>ID</b></td><td width="625" class="memItemRight">Wufoo internal ID of the field </td> </tr>
                         <tr><td class="memItemRight"><b>Title</b> </td><td class="memItemRight"> Title of the field in the form</td></tr>
                         <tr><td class="memItemRight"><b>Type</b></td><td class="memItemRight">Wufoo internal type of the field</td></tr>
                         <tr><td class="memItemRight"><b>IsRequired</b></td><td class="memItemRight">Wufoo internal value that indicates if the field is required (1) or not (0)</td></tr>
                         <tr><td class="memItemRight">&nbsp;</td><td class="memItemRight">&nbsp;</td></tr>
                        </table>                        
                    </td>
                </tr>
                <tr><td class="memDescLeft">Screenshot</td><td class="memDescRight"><img src="content/images/checkboxes-s.png" alt="checkboxes field"/></td></tr>
                <tr><td class="memDescLeft">Usage</td>                    
                    <td class="memDescRight">
                    <pre class="codePre">//Renders the value of the all the selected items: "Choice1|Choice3".
    formData.Fields["{fieldID }"].Value 

foreach(var option in formData.Fields["{fieldID }"].SelectedValues){
    @option.ToString(); //Shows the selected values
}
...
foreach(dynamic element in formData.Fields["{fieldID }"].SubFields){
    var elementID = element.ID;
    var elementLabel = element.Label;
    @elementID  //ex: Form110
    @elementLabel //ex: "I accept the terms"
} </pre>
                    </td>
                </tr>
                <tr><td class="memDescleft"></td><td><a href="#fields">Back</a></td></tr>

                <!-- Name -->
                <tr><td class="memItemLeft"><b>Name</b> <a name="fname"></a></td> <td class="memItemRight">A line text block separated in 'Name' and 'Last Name' text fields. </td></tr>
                <tr><td class="memDescLeft"> Properties </td>                    
                    <td class="memDescRight"> <br />
                        <table class="memberdecls">
                         <tr><td class="memItemRight"><b>Name</b></td><td width="625" class="memItemRight">  Value of the name </td></tr>
                         <tr><td class="memItemRight"><b>Last Name</b></td><td width="625" class="memItemRight">  Value of the last name </td></tr>
                         <tr><td class="memItemRight"><b>Value</b></td><td width="625" class="memItemRight">  Value of the name followed by the last name (Ex: John Smith)</td></tr>                         
                         <tr><td class="memItemRight"><b>ID</b></td><td width="625" class="memItemRight">Wufoo internal ID of the field </td> </tr>
                         <tr><td class="memItemRight"><b>Title</b> </td><td class="memItemRight"> Title of the field in the form</td></tr>
                         <tr><td class="memItemRight"><b>Type</b></td><td class="memItemRight">Wufoo internal type of the field</td></tr>
                         <tr><td class="memItemRight"><b>IsRequired</b></td><td class="memItemRight">Wufoo internal value that indicates if the field is required (1) or not (0)</td></tr>
                         <tr><td class="memItemRight">&nbsp;</td><td class="memItemRight">&nbsp;</td></tr>
                        </table>                        
                    </td>
                </tr>
                <tr><td class="memDescLeft">Screenshot</td><td class="memDescRight"><img src="content/images/name-s.png" alt="name field"/></td></tr>
                <tr><td class="memDescLeft">Usage</td>                    
                    <td class="memDescRight">
                    <pre class="codePre">var person = formData.Fields["{fieldID }"].Value //John Smith
var name = formData.Fields["{fieldID }"].Name;
var lastName = formData.Fields["{fieldID }"].LastName; // Smith  </pre>
                    </td>
                </tr>
                <tr><td class="memDescleft"></td><td><a href="#fields">Back</a></td></tr>

                <!-- Address -->
                <tr><td class="memItemLeft"><b>Address</b> <a name="faddress"></a> </td> <td class="memItemRight">A multiple field text block for the address, separating the street, city, state and the country. </td></tr>
                <tr><td class="memDescLeft"> Properties </td>                    
                    <td class="memDescRight"> <br />
                        <table class="memberdecls">
                         
                         <tr><td class="memItemRight"><b>Street</b></td><td width="625" class="memItemRight"> Street   </td></tr>
                         <tr><td class="memItemRight"><b>Address</b></td><td width="625" class="memItemRight"> Address line 2 for additional formData.</td></tr>
                         <tr><td class="memItemRight"><b>City</b></td><td width="625" class="memItemRight"> City name </td></tr>
                         <tr><td class="memItemRight"><b>State</b></td><td width="625" class="memItemRight"> State name</td></tr>
                         <tr><td class="memItemRight"><b>Zip</b></td><td width="625" class="memItemRight"> Zip code </td></tr>
                         <tr><td class="memItemRight"><b>Country</b></td><td width="625" class="memItemRight"> Country </td></tr>

                         <tr><td class="memItemRight"><b>Value</b></td><td width="625" class="memItemRight"> Address properties separated by commas ',' </td></tr>
                         <tr><td class="memItemRight"><b>ID</b></td><td width="625" class="memItemRight">Wufoo internal ID of the field </td> </tr>
                         <tr><td class="memItemRight"><b>Title</b> </td><td class="memItemRight"> Title of the field in the form</td></tr>
                         <tr><td class="memItemRight"><b>Type</b></td><td class="memItemRight">Wufoo internal type of the field</td></tr>
                         <tr><td class="memItemRight"><b>IsRequired</b></td><td class="memItemRight">Wufoo internal value that indicates if the field is required (1) or not (0)</td></tr>
                         <tr><td class="memItemRight">&nbsp;</td><td class="memItemRight">&nbsp;</td></tr>
                        </table>                        
                    </td>
                </tr>
                <tr><td class="memDescLeft">Screenshot</td><td class="memDescRight"><img src="content/images/address-s.png" alt="address field"/></td></tr>
                <tr><td class="memDescLeft">Usage</td>                    
                    <td class="memDescRight">
                    <pre class="codePre">
var street = formData.Fields["{fieldID }"].Street;
var country = formData.Fields["{fieldID }"].Country;
...
var fullAddress = formData.Fields["{fieldID }"].Value 
                    </pre>
                    </td>
                </tr>
                <tr><td class="memDescleft"></td><td><a href="#fields">Back</a></td></tr>

                <!-- Phone-->
                <tr><td class="memItemLeft"><b>Phone </b><a name="fphone"></a> </td> <td class="memItemRight">A single line text block for phone entry. </td></tr>
                <tr><td class="memDescLeft"> Properties </td>                    
                    <td class="memDescRight"> <br />
                        <table class="memberdecls">
                         <tr><td class="memItemRight"><b>Value</b></td><td width="625" class="memItemRight">  Value of the field </td></tr>
                         <tr><td class="memItemRight"><b>ID</b></td><td width="625" class="memItemRight">Wufoo internal ID of the field </td> </tr>
                         <tr><td class="memItemRight"><b>Title</b> </td><td class="memItemRight"> Title of the field in the form</td></tr>
                         <tr><td class="memItemRight"><b>Type</b></td><td class="memItemRight">Wufoo internal type of the field</td></tr>
                         <tr><td class="memItemRight"><b>IsRequired</b></td><td class="memItemRight">Wufoo internal value that indicates if the field is required (1) or not (0)</td></tr>
                         <tr><td class="memItemRight">&nbsp;</td><td class="memItemRight">&nbsp;</td></tr>
                        </table>                        
                    </td>
                </tr>
                <tr><td class="memDescLeft">Screenshot</td><td class="memDescRight"><img src="content/images/phone-s.png" alt="phone field"/></td></tr>
                <tr><td class="memDescLeft">Usage</td>                    
                    <td class="memDescRight">
                    <pre class="codePre">formData.Fields["{fieldID }"].Value //The value of the text. </pre>
                    </td>
                </tr>
                <tr><td class="memDescleft"></td><td><a href="#fields">Back</a></td></tr>

                <!-- email -->
                <tr><td class="memItemLeft"><b>Email </b><a name="femail"></a> </td> <td class="memItemRight">A single line text block for email entry, which also validates the input. </td></tr>
                <tr><td class="memDescLeft"> Properties </td>                    
                    <td class="memDescRight"> <br />
                        <table class="memberdecls">
                         <tr><td class="memItemRight"><b>Value</b></td><td width="625" class="memItemRight">  Value of the field </td></tr>
                         <tr><td class="memItemRight"><b>ID</b></td><td width="625" class="memItemRight">Wufoo internal ID of the field </td> </tr>
                         <tr><td class="memItemRight"><b>Title</b> </td><td class="memItemRight"> Title of the field in the form</td></tr>
                         <tr><td class="memItemRight"><b>Type</b></td><td class="memItemRight">Wufoo internal type of the field</td></tr>
                         <tr><td class="memItemRight"><b>IsRequired</b></td><td class="memItemRight">Wufoo internal value that indicates if the field is required (1) or not (0)</td></tr>
                         <tr><td class="memItemRight">&nbsp;</td><td class="memItemRight">&nbsp;</td></tr>
                        </table>                        
                    </td>
                </tr>
                <tr><td class="memDescLeft">Screenshot</td><td class="memDescRight"><img src="content/images/email-s.png" alt="phone field"/></td></tr>
                <tr><td class="memDescLeft">Usage</td>                    
                    <td class="memDescRight">
                    <pre class="codePre">formData.Fields["{fieldID }"].Value //The value of the text. </pre>
                    </td>
                </tr>
                <tr><td class="memDescleft"></td><td><a href="#fields">Back</a></td></tr>

                <!-- url -->
                <tr><td class="memItemLeft"><b>Web Site</b> <a name="fwebsite"></a></td> <td class="memItemRight">A single line text block for Web site URL entry</td></tr>
                <tr><td class="memDescLeft"> Properties </td>                    
                    <td class="memDescRight"> <br />
                        <table class="memberdecls">
                         <tr><td class="memItemRight"><b>Value</b></td><td width="625" class="memItemRight">  Value of the field </td></tr>
                         <tr><td class="memItemRight"><b>ID</b></td><td width="625" class="memItemRight">Wufoo internal ID of the field </td> </tr>
                         <tr><td class="memItemRight"><b>Title</b> </td><td class="memItemRight"> Title of the field in the form</td></tr>
                         <tr><td class="memItemRight"><b>Type</b></td><td class="memItemRight">Wufoo internal type of the field</td></tr>
                         <tr><td class="memItemRight"><b>IsRequired</b></td><td class="memItemRight">Wufoo internal value that indicates if the field is required (1) or not (0)</td></tr>
                         <tr><td class="memItemRight">&nbsp;</td><td class="memItemRight">&nbsp;</td></tr>
                        </table>                        
                    </td>
                </tr>
                <tr><td class="memDescLeft">Screenshot</td><td class="memDescRight"><img src="content/images/url-s.png" alt="phone field"/></td></tr>
                <tr><td class="memDescLeft">Usage</td>                    
                    <td class="memDescRight">
                    <pre class="codePre">formData.Fields["{fieldID }"].Value //The value of the text. </pre>
                    </td>
                </tr>
                <tr><td class="memDescleft"></td><td><a href="#fields">Back</a></td></tr>

                <!-- Price -->
                <tr><td class="memItemLeft"><b>Price </b><a name="fprice"></a></td> <td class="memItemRight">A single line text block for price entry, with a field for the cents.</td></tr>
                <tr><td class="memDescLeft"> Properties </td>                    
                    <td class="memDescRight"> <br />
                        <table class="memberdecls">
                         <tr><td class="memItemRight"><b>Value</b></td><td width="625" class="memItemRight">  Value of the field </td></tr>
                         <tr><td class="memItemRight"><b>ID</b></td><td width="625" class="memItemRight">Wufoo internal ID of the field </td> </tr>
                         <tr><td class="memItemRight"><b>title</b> </td><td class="memItemRight"> Title of the field in the form</td></tr>
                         <tr><td class="memItemRight"><b>type</b></td><td class="memItemRight">Wufoo internal type of the field</td></tr>
                         <tr><td class="memItemRight"><b>IsRequired</b></td><td class="memItemRight">Wufoo internal value that indicates if the field is required (1) or not (0)</td></tr>
                         <tr><td class="memItemRight">&nbsp;</td><td class="memItemRight">&nbsp;</td></tr>
                        </table>                        
                    </td>
                </tr>
                <tr><td class="memDescLeft">Screenshot</td><td class="memDescRight"><img src="content/images/price-s.png" alt="phone field"/></td></tr>
                <tr><td class="memDescLeft">Usage</td>                    
                    <td class="memDescRight">
                    <pre class="codePre">formData.Fields["{fieldID }"].Value //The value of the text. </pre>
                    </td>
                </tr>
                <tr><td class="memDescleft"></td><td><a href="#fields">Back</a></td></tr>
                
                <!-- Date -->
                <tr><td class="memItemLeft"><b>Date </b><a name="fdate"></a> </td> <td class="memItemRight">A single line text block for date entry.</td></tr>
                <tr><td class="memDescLeft"> Properties </td>                    
                    <td class="memDescRight"> <br />
                        <table class="memberdecls">
                         <tr><td class="memItemRight"><b>Value</b></td><td width="625" class="memItemRight">Value of the field </td></tr>
                         <tr><td class="memItemRight"><b>ID</b></td><td width="625" class="memItemRight">Wufoo internal ID of the field </td> </tr>
                         <tr><td class="memItemRight"><b>Title</b> </td><td class="memItemRight">Title of the field in the form</td></tr>
                         <tr><td class="memItemRight"><b>Type</b></td><td class="memItemRight">Wufoo internal type of the field</td></tr>
                         <tr><td class="memItemRight"><b>IsRequired</b></td><td class="memItemRight">Wufoo internal value that indicates if the field is required (1) or not (0)</td></tr>
                         <tr><td class="memItemRight">&nbsp;</td><td class="memItemRight">&nbsp;</td></tr>
                        </table>                        
                    </td>
                </tr>
                <tr><td class="memDescLeft">Screenshot</td><td class="memDescRight"><img src="content/images/date-s.png" alt="phone field"/></td></tr>
                <tr><td class="memDescLeft">Usage</td>                    
                    <td class="memDescRight">
                    <pre class="codePre">formData.Fields["{fieldID }"].Value //The value of the text. </pre>
                    </td>
                </tr>
                <tr><td class="memDescleft"></td><td><a href="#fields">Back</a></td></tr>

                <!-- Time -->
                <tr><td class="memItemLeft"><b>Time </b><a name="ftime"></a></td> <td class="memItemRight">A single line text block for time entry.</td></tr>
                <tr><td class="memDescLeft"> Properties </td>                    
                    <td class="memDescRight"> <br />
                        <table class="memberdecls">
                         <tr><td class="memItemRight"><b>Value</b></td><td width="625" class="memItemRight">  Value of the field </td></tr>
                         <tr><td class="memItemRight"><b>ID</b></td><td width="625" class="memItemRight">Wufoo internal ID of the field </td> </tr>
                         <tr><td class="memItemRight"><b>Title</b> </td><td class="memItemRight"> Title of the field in the form</td></tr>
                         <tr><td class="memItemRight"><b>Type</b></td><td class="memItemRight">Wufoo internal type of the field</td></tr>
                         <tr><td class="memItemRight"><b>IsRequired</b></td><td class="memItemRight">Wufoo internal value that indicates if the field is required (1) or not (0)</td></tr>
                         <tr><td class="memItemRight">&nbsp;</td><td class="memItemRight">&nbsp;</td></tr>
                        </table>                        
                    </td>
                </tr>
                <tr><td class="memDescLeft">Screenshot</td><td class="memDescRight"><img src="content/images/time-s.png" alt="phone field"/></td></tr>
                <tr><td class="memDescLeft">Usage</td>                    
                    <td class="memDescRight">
                    <pre class="codePre">formData.Fields["{fieldID }"].Value //The value of the text. </pre>
                    </td>
                </tr>
                <tr><td class="memDescleft"></td><td><a href="#fields">Back</a></td></tr>

                <!-- Likert-->
                <tr><td class="memItemLeft"><b>Likert: Like Relationship Table</b><a name="flikert"></a> </td> <td class="memItemRight">A voting grid which has statements in the rows, and choices to vote in the columns. </td></tr>
                <tr><td class="memDescLeft"> Properties </td>                    
                    <td class="memDescRight"> <br />
                        <table class="memberdecls">
                         <tr><td class="memItemRight"><b>SubFields</b></td><td width="625" class="memItemRight"> Dynamic list of all the statements. Each element contains the Value, ID, and Label properties</td></tr>
                         <tr><td class="memItemRight"><b>Choices</b></td><td width="625" class="memItemRight"> Dynamic list of the column elements. Each element contains the Label and Score properties</td></tr>
                         <tr><td class="memItemRight"><b>Value</b></td><td width="625" class="memItemRight">  Selected choice of the first statement</td></tr>
                         <tr><td class="memItemRight"><b>ID</b></td><td width="625" class="memItemRight"> Wufoo internal ID of the field </td> </tr>
                         <tr><td class="memItemRight"><b>Title</b> </td><td class="memItemRight"> Title of the field in the form</td></tr>
                         <tr><td class="memItemRight"><b>Type</b></td><td class="memItemRight">Wufoo internal type of the field</td></tr>
                         <tr><td class="memItemRight"><b>IsRequired</b></td><td class="memItemRight">Wufoo internal value that indicates if the field is required (1) or not (0)</td></tr>
                         <tr><td class="memItemRight">&nbsp;</td><td class="memItemRight">&nbsp;</td></tr>
                        </table>                        
                    </td>
                </tr>
                <tr><td class="memDescLeft">Screenshot</td><td class="memDescRight"><img src="content/images/likert-s.png" alt="like relationship table field"/></td></tr>
                <tr><td class="memDescLeft">Usage</td>                    
                    <td class="memDescRight">
                    <pre class="codePre">foreach(dynamic statement in formData.Fields["{fieldID }"].SubFields){ 
    selectedChoice = statement.Value;
    selectedChoiceID= statement.ID;
    ...
}
var firstChoiceScore = formData.Fields["{fieldID }"].Choices[0].Score;</pre>
                    </td>
                </tr>
                <tr><td class="memDescleft"></td><td><a href="#fields">Back</a></td></tr>

                <!-- file upload-->
                <tr><td class="memItemLeft"><b>File Upload</b> <a name="ffileupload"></a></td> <td class="memItemRight">Uploads a local file to a public address managed by Wufoo, and retrieves its name and download URL.</td></tr>
                <tr><td class="memDescLeft"> Properties </td>                    
                    <td class="memDescRight"> <br />
                        <table class="memberdecls">
                         <tr><td class="memItemRight"><b>AttachName</b></td><td width="625" class="memItemRight"> File name</td></tr>
                         <tr><td class="memItemRight"><b>AttachURL</b></td><td width="625" class="memItemRight"> File download URL</td></tr>
                         <tr><td class="memItemRight"><b>Value</b></td><td width="625" class="memItemRight"> Value of the file name </td></tr>
                         <tr><td class="memItemRight"><b>ID</b></td><td width="625" class="memItemRight">Wufoo internal ID of the field </td> </tr>
                         <tr><td class="memItemRight"><b>Title</b> </td><td class="memItemRight"> Title of the field in the form</td></tr>
                         <tr><td class="memItemRight"><b>Type</b></td><td class="memItemRight">Wufoo internal type of the field</td></tr>
                         <tr><td class="memItemRight"><b>IsRequired</b></td><td class="memItemRight">Wufoo internal value that indicates if the field is required (1) or not (0)</td></tr>
                         <tr><td class="memItemRight">&nbsp;</td><td class="memItemRight">&nbsp;</td></tr>
                        </table>                        
                    </td>
                </tr>
                <tr><td class="memDescLeft">Screenshot</td><td class="memDescRight"><img src="content/images/attach-s.png" alt="file upload field"/></td></tr>
                <tr><td class="memDescLeft">Usage</td>                    
                    <td class="memDescRight">
                    <pre class="codePre">var fileName = formData.Fields["{fieldID }"].AttachName;
var fileDownloadURL = formData.Fields["{fieldID }"].AttachURL;
...
formData.Fields["{fieldID }"].Value //The value of the attach name. </pre>
                    </td>
                </tr>
                <tr><td class="memDescleft"></td><td><a href="#fields">Back</a></td></tr>
            </table>
        </div>
        <ul class="footer">
            <li>We're always looking for <a href="mailto:webapp@microsoft.com">bugs, feedback and suggestions!</a></li>
            <li>&copy; 2010-2011 Microsoft Corporation. Powered by IIS Express.</li>
        </ul>
    </div>
</body>
</html>
